<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Clarity 360 - Contact Network Visualization</title>
    <meta name="description" content="Demo for Clarity 360 - Contact Network Visualization.">
    <meta name="author" content="Chetan">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!-- end CSS-->
    <script src="./js/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="./js/clarity.tooltip.js" type="text/javascript"></script>

</head>


<body>
    <div id="container" class="container">
        <header>
            <div id="logo" class="">
                <h2 style="padding-top: 6px;">Clarity 360 - Contact Network Visualization </h2>
                
                <a id="network_view" class="switchview_js" href="network-force.html">View Network Force</a> | 
                <a id="explore_view" class="switchview_js link_selected" href="explore-tree.html">Explore Tree</a> | 
                <a id="network_view" class="switchview_js" href="explore-force.html">Explore Force</a> 
            </div>
        </header>
        <!-- Filters LHS -->
        <section  class="leftcol">
            <div class="filter">
                <h3>  Connections Information </h3>
            </div>
            <div class="connectioninfo_js">
                
            </div>
        </section>
       <!-- Network Graph RHS Need Js files below this area. --> 
        <section id="grapharea" class="grapharea rightcol">
        </section>
       
       <!-- 3D js file and render js -->
        <script src="./js/lib/d3.v2.min.js" type="text/javascript"></script>
        <script src="./js/clarity.explore.tree.js" type="text/javascript"></script>
       
        <footer>
            <span>Thank you <a href="#">Contact Us</a></span>
        </footer>
    
    </div>
       <div id="vis-tooltip" class="tooltip" style="display: none; visibility:hidden;"></div>
</body>
</html>
    